<ion-view  title="发货单详情">
  <ion-nav-buttons side="left">
    <button class="button back-button buttons icon ion-ios-arrow-left button-clear header-item" nav-direction="back" ng-click="myGoBack()">返回</button>
  </ion-nav-buttons>
    <ion-content>
      <div ng-if="showloading" style="margin-top:60px; text-align: center">
        <ion-spinner icon="ios" style="height: 60px; width: 60px;"></ion-spinner>
      </div>
      <div class="list list1 card">
        <img ng-repeat="img in imgData" ng-src="data:image/png;base64,{{img.imageStr}}" ng-if="imgData!=undefined&&bigImage==false&&showloading==false" ng-click="shouBigImage(img.imageStr)" style="width: 33%;height: 100px;"/>
        <label class="item item-input div" ng-if="fhdDetailData.cydh!=''">
          &nbsp;<i class="input-label  col-50" style="width: 48%;">承运单号：{{fhdDetailData.cydh}}</i>
        </label>
        <label class="item item-input div"  ng-if="fhdDetailData.fhdh!=''">
          &nbsp;<i class="input-label  col-50" style="width: 48%;">发货单号：{{fhdDetailData.fhdh}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.dwmc!=''">
          &nbsp;<i class="input-label  col-50" style="width: 48%;">承运公司：{{fhdDetailData.dwmc}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.fhrq!=''">
          &nbsp;<i class="input-label  col-50" style="width: 48%;">发货日期：{{fhdDetailData.fhrq}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.cyrq!=''">
          &nbsp;<i class="input-label  col-50" style="width: 48%;">承运日期：{{fhdDetailData.cyrq}}</i>
        </label>
        <div class="item item-input item-divider div">
          <i class="ion ion-person i balanced ti"></i>
          <i class="dark">发货信息</i>
        </div>
        <label class="item item-input div" ng-if="fhdDetailData.fhrmc!=''||fhdDetailData.fhrdh!=''">
          &nbsp;<i class="input-label  col-50" ng-if="fhdDetailData.fhrmc!=''" style="width: 48%;">发货人：{{fhdDetailData.fhrmc}}</i>
          <i class="input-label  col-50" ng-if="fhdDetailData.fhrdh!=''" style="width: 48%;">电话：{{fhdDetailData.fhrdh}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.fpro!='地区选择'">
          &nbsp;<i class="proCity">{{fhdDetailData.fpro}}-{{fhdDetailData.fcity}}-{{fhdDetailData.farea}}</i>
        </label>
        <p ng-if="fhdDetailData.fhrdz!=''" style="word-wrap : break-word;height: 40px;margin:8px 0 0 16px;vertical-align: middle;">{{fhdDetailData.fhrdz}}</p>
        <div class="item item-input item-divider div">
          <i class="ion ion-person i energized ti"></i>
          <i class="dark">收货信息</i>
        </div>
        <label class="item item-input div" ng-if="fhdDetailData.shrmc!=''||fhdDetailData.shrdh!=''">
          &nbsp;<i class="input-label  col-50" ng-if="fhdDetailData.shrmc!=''" style="width: 48%;">发货人：{{fhdDetailData.shrmc}}</i>
          <i class="input-label  col-50" ng-if="fhdDetailData.shrdh!=''" style="width: 48%;">电话：{{fhdDetailData.shrdh}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.spro!='地区选择'">
          &nbsp;<i class="proCity">{{fhdDetailData.spro}}-{{fhdDetailData.scity}}-{{fhdDetailData.sarea}}</i>
        </label>
        <p ng-if="fhdDetailData.shrdz!=''" style="word-wrap : break-word;height: 40px;margin:8px 0 0 16px;vertical-align: middle;">{{fhdDetailData.shrdz}}</p>
        <div class="item item-input item-divider div">
          <i class="ion ion-ios-list i calm ti"></i>
          <i class="dark">货物信息</i>
        </div>
        <label class="item item-input div" >
          &nbsp;<i class="input-label  col-50" ng-if="fhdDetailData.hwmc!=''" style="width: 48%;">货名：{{fhdDetailData.hwmc}}</i>
          <i class="input-label  col-50" ng-if="fhdDetailData.hwmc==''" style="width: 48%;">货名：未填</i>
        </label>
        <label class="item item-input div" >
          &nbsp;<i class="input-label  col-50" ng-if="fhdDetailData.sl!=''" style="width: 48%;">件数：{{fhdDetailData.sl}}件</i>
          <i class="input-label  col-50" ng-if="fhdDetailData.sl==''" style="width: 48%;">件数：未填</i>
        </label>
        <label class="item item-input div" >
          &nbsp;<i class="input-label  col-50" ng-if="fhdDetailData.zl!=''" style="width: 48%;">重量：{{fhdDetailData.zl}}吨</i>
          <i class="input-label  col-50" ng-if="fhdDetailData.zl==''" style="width: 48%;">重量：未填</i>
          &nbsp;<i class="input-label  col-50" ng-if="fhdDetailData.tj!=''" style="width: 48%;">体积：{{fhdDetailData.tj}}㎥</i>
          <i class="input-label  col-50" ng-if="fhdDetailData.tj==''" style="width: 48%;">体积：未填</i>
        </label>
        <label class="item item-input div" >
          &nbsp;<i class="input-label">送货方式：{{shfs}}</i>
        </label>
        <div class="item item-input item-divider div">
          <i class="ion ion-cash assertive ti"></i>&nbsp;&nbsp;&nbsp;
          <i style="height: 30px;line-height: 30px">费用</i>
        </div>
        <label class="item item-input div" ng-if="fhdDetailData.yf_xf!=0">
          &nbsp;<i class="input-label">现付：{{fhdDetailData.yf_xf | number:2}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.yf_tf!=0">
          &nbsp;<i class="input-label">提付：{{fhdDetailData.yf_tf | number:2}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.yf_hf!=0">
          &nbsp;<i class="input-label">回付：{{fhdDetailData.yf_hf | number:2}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.yf_yj!=0">
          &nbsp;<i class="input-label">月结：{{fhdDetailData.yf_yj | number:2}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.yf_ycdk!=0">
          &nbsp;<i class="input-label">代扣：{{fhdDetailData.yf_ycdk | number:2}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.xxf_qf!=''">
          &nbsp;<i class="input-label">欠返：{{fhdDetailData.xxf_qf | number:2}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.xxf_xf!=''">
          &nbsp;<i class="input-label">现返：{{fhdDetailData.xxf_xf | number:2}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.dshk!=''">
          &nbsp;<i class="input-label">代收货款：{{fhdDetailData.dshk | number:2}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.yf_df!=''">
          &nbsp;<i class="input-label">运费垫付：{{fhdDetailData.yf_df | number:2}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.thf!=''">
          &nbsp;<i class="input-label">提货费：{{fhdDetailData.thf | number:2}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.shf!=''">
          &nbsp;<i class="input-label">送货费：{{fhdDetailData.shf | number:2}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.bjsm!=''">
          &nbsp;<i class="input-label">保价声明：{{fhdDetailData.bjsm | number:2}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.bf!=''">
          &nbsp;<i class="input-label">保费：{{fhdDetailData.bf | number:2}}</i>
        </label>
        <label class="item item-input div" ng-if="fhdDetailData.dsk_df!=''">
          &nbsp;<i class="input-label">代收款垫付：{{fhdDetailData.dsk_df | number:2}}</i>
        </label>
        <p style="word-wrap : break-word;height: 40px;margin:8px 0 0 16px;vertical-align: middle;">备注：{{fhdDetailData.bz}}</p>
      </div>
      <div ng-if="bigImage==true" class="popover-backdrop" style="position: fixed;top: 0;left: 0;z-index: 10; width: 100%;height: 100%;" ng-click="hideBigImage()">
        <img class="img-responsive" style="position: absolute;z-index: 10;display: block;height: 100%;width: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);" src="data:image/png;base64,{{Url}}"/>
      </div>
    </ion-content>
</ion-view>
